<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 开发环境版本，包含了有帮助的命令行警告 -->
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <script src="lib/layui2/layui.js"></script>
    <link rel="stylesheet" href="lib/layui2/css/layui.css">

</head>
<body>

<div class="layui-container">
    常规布局（以中型屏幕桌面为例）：
    <div class="layui-row">
        <div class="layui-col-md9">
            你的内容 9/12
        </div>
        <div class="layui-col-md3">
            你的内容 3/12
        </div>
    </div>
    <div class="layui-row layui-col-space20">
        <div class="layui-col-md4" style="background-color: #449d44;">
            1/3
        </div>
        <div class="layui-col-md4" style="background-color: #eaea22;">
            1/3
        </div>
        <div class="layui-col-md4" style="background-color: #e74c29;">
            1/3
        </div>
    </div>

</div>
<div id="app">
    {{ message }}
</div>
<button value="修改" onclick="btn_changeTxt()">点我</button>


<table>

<tr>
    <td dataInfo='{"usernmae":"zhangsan"}' onclick="clickC(this)">  查看</td>
</tr>
</table>
<button  onclick="sss()"> 测试</button>
</body>

<script type="text/javascript">

    var app = new Vue({
        el: '#app',
        data: {
            message: 'Hello Vue!'
        }
    })
    function btn_changeTxt(){
        app.message="12345";
    }

    function sss(){
        var u = new SpeechSynthesisUtterance();
        u.text = "你好。我要播放语音了。。。";
        u.lang = 'zh';
        //u.rate = 0.7   volume
        speechSynthesis.speak(u);
    }
</script>
</html>
